{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }

        #container{
            width:800px;
            height:200px;
            margin:100px auto;
            overflow: hidden;
            position: relative;
        }

        #container ul{
            list-style: none;
            width:2200px;
            left:0;
            top:0;
            position: absolute;
            -webkit-animation:scoll 6s linear 0s infinite;
        }

        #container ul li{
            float:left;
            margin-right:20px;
        }

        @-webkit-keyframes scoll{
            from{
                left:0;
            }
            to{
                left:-1000px;
            }
        }
        img{
            width: 200px;
        }
    </style>
</head>
<body>
<div id="container">
    <ul>
        <li><a href="http://www.html5cn.org/home.php?mod=editor&op=blank&charset=utf-8#"><img src="{% static 'denwei/img/index_01.jpg' %}"></a></li>
        <li><a href="http://www.html5cn.org/home.php?mod=editor&op=blank&charset=utf-8#"><img src="{% static 'denwei/img/index_02.jpg' %}"></a></li>
        <li><a href="http://www.html5cn.org/home.php?mod=editor&op=blank&charset=utf-8#"><img src="{% static 'denwei/img/index_03.jpg' %}"></a></li>
        <li><a href="http://www.html5cn.org/home.php?mod=editor&op=blank&charset=utf-8#"><img src="{% static 'denwei/img/index_04.jpg' %}"></a></li>
        <li><a href="http://www.html5cn.org/home.php?mod=editor&op=blank&charset=utf-8#"><img src="{% static 'denwei/img/index_05.jpg' %}"></a></li>
        <li><a href="http://www.html5cn.org/home.php?mod=editor&op=blank&charset=utf-8#"><img src="{% static 'denwei/img/index_01.jpg' %}"></a></li>
        <li><a href="http://www.html5cn.org/home.php?mod=editor&op=blank&charset=utf-8#"><img src="{% static 'denwei/img/index_02.jpg' %}"></a></li>
        <li><a href="http://www.html5cn.org/home.php?mod=editor&op=blank&charset=utf-8#"><img src="{% static 'denwei/img/index_03.jpg' %}"></a></li>
        <li><a href="http://www.html5cn.org/home.php?mod=editor&op=blank&charset=utf-8#"><img src="{% static 'denwei/img/index_04.jpg' %}"></a></li>
        <li><a href="http://www.html5cn.org/home.php?mod=editor&op=blank&charset=utf-8#"><img src="{% static 'denwei/img/index_05.jpg' %}"></a></li>
    </ul>
</div>
</body>
</html>